<!DOCTYPE html>
<html>
  <head>
    <title>抽奖</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="./static/css/index.css" type="text/css" />
    <script src="./static/js/index.js"></script>
 </head>
  <body>
    <h1>Lucky Draw</h1>
    <span>FOR Class 14</span><br><br>
    <button style="top: 100%; right:-10%; border:none; border-radius:50%; outline: none;" onclick="PlayOrPause()">M</button>
    <div id="prize">
      <table align="center">
        <tr>
          <td id="prize-1">5张奖券</td>
          <td id="prize-2">4张奖券</td>
          <td id="prize-3">3张奖券</td>
        </tr>
        <tr>
          <td id="prize-4">2张奖券</td>
          <td id="prize-5">1张奖券</td>
          <td id="prize-6">鼓励奖</td>
        </tr>
      </table>
      <button onclick="Start()">START</button><br><br>
      <audio src="background-music.mp3" loop="loop"></audio>
      </div>
  </body>
</html>